<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
	<title>每日结算</title>

<link rel="stylesheet" href="__PUBLIC__/home/fonts/iconfont.css"/>
<link rel="stylesheet" href="__PUBLIC__/home/css/font.css"/>
<link rel="stylesheet" href="__PUBLIC__/home/css/weui.min.css"/>
<link rel="stylesheet" href="__PUBLIC__/home/css/jquery-weui.min.css"/>
<link rel="stylesheet" href="__PUBLIC__/home/css/mui.css"/>
<link rel="stylesheet" href="__PUBLIC__/home/css/animate.css"/>
<link rel="stylesheet" href="__PUBLIC__/home/css/pages/app.css"/>
<link rel="stylesheet" href="__PUBLIC__/home/css/bootstrap4alpha.css"/>
<link rel="stylesheet" href="__PUBLIC__/home/css/dataTables.bootstrap4.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/home/css/demo.css">
<style>
label{font-size: 14px;}
#light{
    float: left;
    }
#Blight{
    background-color: #c8e5bc;
    float: right;
    }
#example > thead > tr > th {
    text-align: center;
    font-size: 12px;
    }
.date{font-size: 14px;}    
.container{width: 98%; margin: 0 auto; overflow: hidden;}
.container section{position: relative;} 
.table th, .table td{padding: .4rem;} 
.pagination > li > a, .pagination > li > span{padding: .2rem .4rem;font-size: 14px;}
#example_info{font-size: 14px !important;}
.iconfont{line-height: 20px;color: #fff;font-size: 24px;}
</style>	
</style>
</head>
<body class="dt-example dt-example-bootstrap4">     
<header>    
    <div class="titlebar reverse">
    <a href="javascript:back()">
         <i class="iconfont">&#xe7d4;</i>
    </a>              
         <h1>每日结算</h1>
    </div>
</header>
<div class="height_fixed"></div>
<!-- 列表 -->
<div class="container">
    <section>
        <div class="panel panel-default">
            <div class="panel-body">
                <table id="example" class="table table-bordered table-striped table-hover">
                    <thead>
                    <tr id="table_tr"></tr>
                    </thead>
                    <tbody>
                </tbody>
                </table>
            </div>
        </div>
    </section>
</div>
<!-- 列表 end -->
</body>
<script type="text/javascript" src="__PUBLIC__/home/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" language="javascript" src="__PUBLIC__/home/js/jquery.dataTables.js"></script>
<script type="text/javascript" language="javascript" src="__PUBLIC__/home/js/dataTables.bootstrap4.js"></script>
<script type="text/javascript" language="javascript" src="__PUBLIC__/home/js/dataTables.buttons.js"></script>
<script type="text/javascript" language="javascript" src="__PUBLIC__/home/js/buttons.bootstrap4.js"></script>
<script type="text/javascript" src="__PUBLIC__/home/js/jszip.js"></script>
<script type="text/javascript" language="javascript" src="__PUBLIC__/home/js/buttons.html5.js"></script>
<script src="__PUBLIC__/home/js/lists.js"></script>
 <script type="text/javascript" language="javascript" class="init">
        var dataTable;
        $(document).ready(function() {
        $.ajax({
                   type: "get",
                   url: "json/settlementbody.json",
                   success: function(data){
                        dataTable =data;
                    },
            });
            $.ajax({
              type: "get",
              url: "json/settlementhead.json",
              success: function(columName){
                       lists(columName)

                },
            }); 
        } );
</script>
<script>
   function back(){
      window.history.back(); 
   }
</script> 
</html>
